<template>
    <div class="videoJK">
        <img class="image" :src="imgSrc" alt="视屏监控">
        <span style="color: white;">{{ title }}</span>
    </div>
</template>

<script setup>
import { defineProps } from 'vue';

const props = defineProps({
    imgSrc: {
        default: '',
        type: String,
    },
    videoUrl: {
        default: '',
        type: String,
    },
    title: {
        default: '',
        type: String,
    }
});

</script>

<style scoped lang="scss">
.videoJK {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 80%;
    width: 100%;

    .image {
        height: 70%;
        width: 80%;
    }

    span {
        font-size: 14px;
    }
}
</style>